#app > div {
  width: 100%;
}

#app,
#app > div {
  height: 100%;
}

.car-img {
  height: 100%;
  background: #f4f4f4;
}

.car-img div.tit {
  // position: fixed;
  background: #fff;
  // top: 0;
  width: 100%;
  height: 0.8rem;
  -webkit-box-align: center;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  flex-direction: row;
  z-index: 99;
  -webkit-box-orient: horizontal;
  flex-direction: row;
}

.car-img div.tit p {
  -webkit-box-flex: 1;
  flex: 1;
  text-align: center;
  box-sizing: border-box;
  color: #454545;
  display: inline-block;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.car-img div.tit p span {
  max-width: 2.6rem;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.25rem;
  font-size: 0.28rem;
}

.car-img div.tit p:nth-child(2) {
  border-left: 1px solid #ececec;
}

.car-img div.tit p {
  -webkit-box-flex: 1;
  flex: 1;
  text-align: center;
  box-sizing: border-box;
  color: #454545;
  display: inline-block;
}

.img-default {
  overflow: hidden;
  position: absolute;
  background: #fff;
  top: 0.98rem;
  bottom: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  border-bottom: 0.4rem solid #f4f4f4;
  // display: flex;
  // float: left;
}

.img-default li {
  position: relative;
  float: left;

  margin-bottom: 0.06rem;
  width: 2.46rem;
  height: 2.46rem;
  padding: 0;
}

.img-default li img {
  width: 100%;
  height: 100%;
  background-size: cover;
}

.flex-row-img {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  & > div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;

    & > p {
      position: absolute;
      top: 0;
      text-align: center;
      background: rgba(56, 90, 130, 0.5);
      width: 2.46rem;
      height: 2.46rem;
      color: #fff;
      display: flex;
      flex-direction: column;

      & > span:first-child {
        font-size: 0.28rem;
        margin-top: 0.8rem;
      }

      & > span:nth-child(2) {
        font-size: 0.28rem;
        margin-top: 0.8rem;
      }
    }

    & > h2 {
      width: 2.46rem;
      height: 2.46rem;
      margin-right: 0.04rem;
      margin-bottom: 0.06rem;
      img {
        width: 123px;
        height: 123px;
      }

      & > img {
        width: 100%;
        height: 100%;
      }
    }
  }
}
